<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/style.css" />
    <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
    <title>我的预约</title>
</head>
<body>
<!--头部-->
<div class="daohanglan_box">
    <div class="title">
        <i class="icon iconfont icon-iconfontjiantou1"></i>
        <h4>我的预约</h4>
    </div>
</div>
<ul class="appointmentList">
    <li>
        <div class="pd">
            <h4>大件预约上门服务</h4>
            <div class="clearfix">
                <div class="fl">
                    <span class="grayFont">物品类型：</span>
                    <span class="blackFont goodsName">玻璃茶几</span>
                </div>
                <div class="fr">
                    <span class="blackFont">状态：</span>
                    <span class="greenFont">等待接单</span>
                </div>
            </div>
            <div class="clearfix">
                <div>
                    <span class="grayFont">地址：</span>
                    <span class="blackFont">鼓楼区民生街金川科技园11栋211</span>
                </div>
            </div>
            <div class="clearfix">
                <div>
                    <span class="grayFont">下单时间：</span>
                    <span class="blackFont">2017/07/12  15：43</span>
                </div>
            </div>
            <div class="clearfix">
                <div>
                    <span class="greenFont">状态详情：</span>
                    <span class="greenFont"></span>
                </div>
            </div>
        </div>
        <div class="appointmentBottom clearfix">
            <div class="grayFont fl">2017/07/12  15：43</div>
            <a href="javascript:void(0)" class="detailsBtn fr">查看详情</a>
        </div>

    </li>
    <li>
        <div class="pd">
            <h4>大件预约上门服务</h4>
            <div class="clearfix">
                <div class="fl">
                    <span class="grayFont">物品类型：</span>
                    <span class="blackFont goodsName">玻璃茶几</span>
                </div>
                <div class="fr">
                    <span class="blackFont">状态：</span>
                    <span class="greenFont fail">等待接单</span>
                </div>
            </div>
            <div class="clearfix">
                <div>
                    <span class="grayFont">地址：</span>
                    <span class="blackFont">鼓楼区民生街金川科技园11栋211</span>
                </div>
            </div>
            <div class="clearfix">
                <div>
                    <span class="grayFont">下单时间：</span>
                    <span class="blackFont">2017/07/12  15：43</span>
                </div>
            </div>
            <div class="clearfix">
                <div>
                    <span class="fail">状态详情：</span>
                    <span class="blackFont fail">你填写的地址有误</span>
                </div>
            </div>
        </div>
        <div class="appointmentBottom clearfix">
            <div class="grayFont fl">2017/07/12  15：43</div>
            <a href="javascript:void(0)" class="detailsBtn fr">查看详情</a>
        </div>
    </li>
    <li>
        <div class="pd">
            <h4>大件预约上门服务</h4>
            <div class="clearfix">
                <div class="fl">
                    <span class="grayFont">物品类型：</span>
                    <span class="blackFont goodsName">玻璃茶几</span>
                </div>
                <div class="fr">
                    <span class="blackFont">状态：</span>
                    <span class="greenFont Underway">等待接单</span>
                </div>
            </div>
            <div class="clearfix">
                <div>
                    <span class="grayFont">地址：</span>
                    <span class="blackFont">鼓楼区民生街金川科技园11栋211</span>
                </div>
            </div>
            <div class="clearfix">
                <div>
                    <span class="grayFont">下单时间：</span>
                    <span class="blackFont">2017/07/12  15：43</span>
                </div>
            </div>
            <div class="clearfix">
                <div>
                    <span class="Underway">状态详情：</span>
                    <span class="blackFont Underway"></span>
                </div>
            </div>
        </div>
        <div class="appointmentBottom clearfix">
            <div class="grayFont fl">2017/07/12  15：43</div>
            <a href="javascript:void(0)" class="detailsBtn fr">查看详情</a>
        </div>
    </li>
</ul>
<script type="text/javascript" src="js/main.js"></script>
<script>
    $(function(){
        $(".appointmentList").on("click",".detailsBtn",function(){
            window.location.href = "预约详情.html";
        })
    })
</script>
</body>
</html>